<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=XMLS-Z&nickName=八字财运-支付页&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>姓名灵数</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <script src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <style>
		body{background-color:#251438;font-family:"PingFang-SC-Medium";}
        .lc_box, .lc_con, .master_introduction, .obp_user, .obp_user .txt, .public_bg_white, .public_bzcy_title, .public_have_test, .uf_ul li, .uf_ul_wrap, .user_feedback {overflow: hidden;}
        .lock_content {margin: 5px 0;border-bottom: 5px solid #e0e0e0;}
        .bzjp_zf_top{
		   margin:0.1rem 0.1rem 0.2rem;
		   position: relative;
       }
	   .bzjp_zf_content{
	       width:50%;
	       position:absolute;
	       bottom:15%;
		   left:3%;
	   }
	   .bzjp_zf_time{
		   font-size:0.24rem;
		   color:#333333;
		   text-align: center;
		   position:absolute;
		   bottom:5%;
		   left:32%;
		}
	   .bzjp_color{color:#f73232;}
	   .bzjp_zf_content p{
		   font-size:0.28rem;
		   color:red;
		   margin-left: 0.5rem;
		   margin-bottom: 0.1rem;
		}
	   .bzjp_zf_content p:nth-child(3){font-size:0.24rem;color:#333333;padding-top:0.14rem;padding-bottom: 0.2rem;text-align: center;}
       .redColor{color:#f73232;font-size:0.32rem;font-weight: 600;}
       .ljck_btn{
           background-color:#f73232;
           font-size:0.36rem;
           color:#ffffff;
           text-align: center;
           border-radius: 0.7rem;
           height:1rem;
           line-height:1rem;
           width:90%;
           margin:0 auto;
        }
        .lc_tip span{line-height: 25px;text-align: center;}
        .lc_tip span {
            display: block;
            width: 80%;
            margin: 20px auto;
            background: url(__PUBLIC__/images/bzcy_img/bg_pay_title.jpg) repeat-x;
            position: relative;
            background-size: 100% 25px;
            color: #fffce6;
            font-size: 14px;
        }
        .lc_tip span:after, .lc_tip span:before {
            position: absolute;
            top: 0;
            content: '';
            background: url(__PUBLIC__/images/bzcy_img/icon_lr_title2.jpg) no-repeat;
            width: 9px;
            height: 25px;
            background-size: 100% 100%;
        }
        .lc_tip span:before{left: 0;}
        .lc_tip span:after {
            transform: scaleX(-1);
            right: 0;
            -moz-transform: scaleX(-1);
            -webkit-transform: scaleX(-1);
            -o-transform: scaleX(-1);
        }
        .lc_box .lc_tit {text-align: center;margin: 10px 0;}
        .lc_box .lc_tit .red {font-size: 18px;font-weight: 700;color: #c30;}
        .lc_con {margin: 5px;}
        .lc_con p {margin-bottom: 10px;}
        .lc_con img {display: block;width: 100%;}
        .public_btn_s {padding:10px 5px;}
        .public_btn_s a {
            position: relative;
            line-height: 30px;
            display: block;
            background-color:#9F7D51;
            color:#fff;
            height:30px;
            border-radius: 5px;
            text-align: center;
            font-size: 16px;
        }
        .fiex_bt{height:50px;line-height: 50px;font-size:18px;}
        .fiex_bt a{background-color:#D60F00;height:40px;line-height: 40px}
		.pay_know{margin:0px 7px 0px;}
		.pay_know p{margin-bottom:8px;}
		.pay_know .title{
		    text-align: center;
		    margin:0 46px 20px;
		    height:35px;
		    line-height: 35px;
		    font-size:12px;
		    background-color:#945A29;
		    color:#ffffff;
		}
		.row{height:35px;}
		.msg_box{
			position: relative;
			width: 100%;
		}
		.msg_box_title{
			position:absolute;
			top:20%;
			left:38%;
			color: #FFFFFF;
			font-size: 0.35rem;
		}
		.msg_box_title2{
			position:absolute;
			top:22.5%;
			left:38%;
			color: #FFFFFF;
			font-size: 0.35rem;
		}
		.msg_box_str{
			width: 95%;
			position:absolute;
			top:32%;
			left:3%;
			color: #FFFFFF;
			font-size: 0.25rem;
			line-height:0.43rem;
		}
    </style>
</head>
<body>
    <include file="Public/header"/>
    <div class="bzjp_zf_top">
		<img src="__PUBLIC__/<!--{$imgPath}-->/xmls_img/pay/1.png" width="100%"/>
        <div class="bzjp_zf_content">
            <p class="orderMoney">只需<!--{$Think.cookie.priceName}--></p>
            <div class="ljck_btn">立即查看</div>
        </div>
		<p class="bzjp_zf_time">距优惠结束:&nbsp;&nbsp;<span class="bzjp_color" id="timestr">01:59:59</span></p>
	</div>

	<div class="pay_know">
	    <div class="msg_box">
	        <img src="__PUBLIC__/<!--{$imgPath}-->/xmls_img/pay/2.png" width="100%"/>
			<p class="msg_box_title">姓名灵数: <!--{$Arr['xingmingLs']['xmls']['number']}--></p>
			<p class="msg_box_str"><!--{$Arr['xingmingLs']['xmls']['nature']}--></p>
		</div>
		<div class="msg_box">
		    <img class="J_payPopupShow" src="__PUBLIC__/<!--{$imgPath}-->/xmls_img/pay/3.png" width="100%"/>
			<p class="msg_box_title2">灵魂数字: <!--{$Arr['xingmingLs']['lhls']['number']}--></p>
		</div>
		<p>
		    <img class="J_payPopupShow" src="__PUBLIC__/<!--{$imgPath}-->/xmls_img/pay/4.png" width="100%"/>
		</p>
		<p>
		    <img class="J_payPopupShow" src="__PUBLIC__/<!--{$imgPath}-->/xmls_img/pay/5.png" width="100%"/>
		</p>
		<p>
		    <img class="J_payPopupShow" src="__PUBLIC__/<!--{$imgPath}-->/xmls_img/pay/6.png" width="100%"/>
		</p>
		<p>
		    <img class="J_payPopupShow" src="__PUBLIC__/<!--{$imgPath}-->/xmls_img/pay/7.png" width="100%"/>
		</p>
	</div>

    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
        <div class="public_pp_box">
            <div class="public_pp_close" id="publicPPClose">X</div>
            <div class="public_pp_tit">解锁查看所有测算结果</div>
            <div class="public_pp_price">
                <span>统一鉴定价：</span><strong>￥<!--{$Think.cookie.price}-->元</strong>
            </div>
            <div class="public_pay_box">

                <!-- 支付弹窗 -->
                <include file="Public/zhifu_Popup" />

            </div>
        </div>
    </div>

    <!-- 脚 -->
    <footer class="footer_severs" style="padding-bottom:61px;">
        <include file="Public/bottom" />
    </footer>
    <div class="fiex_bt" id="fiex" style="display: block;">
        <a href="javascript:;"><i class="suo"></i>付费解锁所有项</a>
    </div>
    <!-- 抵用券 -->
    <include file="Public/coupon"/>

    <include file="Public/qudao135zhifu"/>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        // H5支付事件
        var ispress = true;
        function payMoney(payType){
            if(ispress){
                layer.load();
                if(payType == "wx"){
                    layer.closeAll('loading');
                    window.location.href="<!--{:U('Xmls/paywx','',false)}-->";
                }else if(payType == "zfb"){
                    layer.closeAll('loading');
                    $.getJSON("<!--{:U('Index/getPayZfbUrl','',false)}-->",function(data){if(data.url){location.href=data.url;}else{window.location.href = "<!--{:U('Index/jumpPayZfb','',false)}-->";}});
                }
                ispress = false;
                setTimeout(function(){
                    layer.closeAll('loading');
                },30000)
                setTimeout(function(){
                    ispress = true;
                },2000)
            }else{
                console.log('你不能重复发起支付')
            }
        }

        var QTTopenid="<!--{$Think.cookie.QTTopenid}-->";
        var channel="<!--{$channel}-->";
         $('#fiex').on('click',function(){//悬浮付费解锁所有项
             $.getJSON("<!--{:U('Index/fufeiyeXfan','',false)}-->",{csName:'XMLS'},function(data){//悬浮点击统计
             });
             publicPayPopup();
        })
        $('.ljck_btn').on('click',function(){//立即查看
            $.getJSON("<!--{:U('Index/fufeiyeLjcs','',false)}-->",{csName:'XMLS'},function(data){//立即查看统计
            });
            publicPayPopup();
        })
        $('.J_payPopupShow').on('click',function(){//解锁查看内容
            $.getJSON("<!--{:U('Index/fufeiyeJsan','',false)}-->",{csName:'XMLS'},function(data){//解锁查看统计
            });
            publicPayPopup();
        })
        $('.pay_btn').on('click',function(){
            publicPayPopup();
        })
        $('#publicPPClose').on('click',function(){
            $('#publicPayPopup').css('display','none');
        })

        function publicPayPopup(){
            if(channel=='qudao245'&&QTTopenid!=''){//趣头条支付
                payMoney245();exit;
            }else if(channel=='appaidou'){//爱豆支付
                aidouPay();exit;
            }
            zhifuPopup();
            $('#publicPayPopup').css('display','block');
        }

         setInterval(function(){
             $.getJSON("<!--{:U('Bzjp/CountDown','',false)}-->",function(data){//回调入库
                 $('#timestr').text(data);
             });
         },1000);

        $(".weixinzf").on('click',function(){
            WeixinJSBridge.invoke(
                    'getBrandWCPayRequest', {
                        "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                        "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                        "nonceStr":"<!--{$nonceStr}-->", //随机串
                        "package":"<!--{$package}-->",
                        "signType":"<!--{$signType}-->",         //微信签名方式：
                        "paySign":"<!--{$paySign}-->" //微信签名
                    },
                    function(res){
                        if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                            location.href="<!--{:U('Xmls/jieguoye','',false)}-->?ordernum=<!--{$Think.cookie.orderid}-->";
                        }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                    }
            );
        });

    </script>
</body>
</html>